header {
  .logo {
    text-align: center;
    text-indent: 1.6rem /* 35/50 */;
    a {
      color: #fff;
      font-size: 0.4rem /* 20/50 */;
      font-weight: 700;
    }
  }
}
body {
  background-color: #fff;
}
.rec-product {
  padding: 0.08rem /* 4/50 */ 0.2rem; /* 10/50 */
  .title {
    font-size: 0.36rem /* 18/50 */;
    font-weight: 800;
    margin: 0.2rem /* 10/50 */ auto 0.1rem /* 5/50 */;
  }
  .info {
    color: #999;
    margin: 0.24rem /* 12/50 */ 0.18rem /* 9/50 */;
    span {
      margin-right: 0.1rem /* 5/50 */;
    }
  }
  .des-content {
    font-size: 0.32rem /* 16/50 */;
    .pic {
      float: right;
      margin: 0.24rem /* 12/50 */ auto auto 0.2rem /* 10/50 */;
      width: 2.4rem /* 120/50 */;
      img {
        width: 100%;
      }
    }
  }
  .area {
    margin-top: 0.4rem /* 20/50 */;
    .area-content {
      width: 3.16rem /* 158/50 */;
      //   height: 4rem /* 500/50 */;
      //   background-color: #ccc;
      margin: 0 auto;
      box-shadow: 0.02rem /* 1/50 */ 0.04rem /* 2/50 */ 0.1rem /* 5/50 */
        rgba(0, 0, 0, 0.1);
      .area-list {
        padding: 0 0.2rem;
        li {
          border-bottom: 1px dotted silver;
          height: 0.4rem /* 20/50 */;
          a {
            text-indent: 0.1rem /* 10/50 */;
            strong {
              position: relative;
              right: 0.1rem /* 5/50 */;
              font-weight: 400;
              color: #f27b04;
            }
          }
        }
      }
    }
  }
  .golink {
    margin-top: 0.4rem /* 20/50 */;
    a {
      display: block;
      width: 100%;
      height: 0.6rem /* 30/50 */;
      line-height: 0.6rem;
      font-size: 14px;
      color: #fff;
      border-radius: 0.08rem /* 4/50 */;
      background-color: #ff9000;
      text-align: center;
    }
  }
  .erweima {
    margin-top: 0.8rem /* 40/50 */;
    img {
      width: 100%;
    }
  }
  .comment {
    margin-top: 0.4rem /* 20/50 */;
    padding-bottom: 20px;
    .tit {
      font-size: 0.32rem /* 16/50 */;
      padding: 0.12rem /* 6/50 */ 0.16rem /* 8/50 */;
    }
    #comment {
      //   padding: 0.1rem /* 5/50 */;
      border: 2px solid #eceae8;
      textarea {
        padding: 0.1rem /* 5/50 */;
        width: 100%;
        height: 1.36rem /* 68/50 */;
      }
      .ctrl {
        width: 100%;
        border-top: 1px solid #f2f2f2;
        background-color: #fbfbfb;
        button {
          width: 2rem /* 100/50 */;
          height: 0.78rem /* 39/50 */;
          line-height: 0.78rem;
          float: right;
          background-color: #f27b04;
          color: #fff;
          font-size: 0.32rem /* 16/50 */;
        }
      }
    }
    .com-list {
      .comlist-tit {
        font-size: 0.32rem /* 16/50 */;
        padding: 0.12rem /* 6/50 */ 0.16rem /* 8/50 */;
      }
      ul {
        margin-top: 0.3rem /* 15/50 */;
        li {
          a {
            .userimg {
              width: 0.8rem /* 40/50 */;
              height: 0.8rem /* 40/50 */;
              background-color: aqua;
              float: left;
              overflow: hidden;
              border-radius: 50%;
            }
            .con {
              width: 100%;
              padding-left: 50px;
              .name {
                height: 0.36rem /* 18/50 */;
                .username {
                  color: #5997c0;
                }
              }
              .words {
                word-break: break-all;
                font-size: 15px !important;
                color: #606060;
                line-height: 20px;
              }
            }
          }
        }
      }
    }
  }
}
